<template>
    <view class="n-component-nMenuItemContentAction cu-item" @tap="_tap">
        <view class="action">
            <slot name="actionLeft"></slot>
        </view>
        <view class="content padding-tb-26" :class="class_content">
            <slot name="content"></slot>
        </view>
        <view class="action" :class="class_action">
            <slot name="action"></slot>
        </view>
    </view>
</template>

<script>
    export default {
        props: ['uri', 'tap', 'class_content', 'class_action'],
        data() {
            return {}
        },
        methods: {
            _tap() {
                if (this.tap) {
                    this.tap();
                }
                if (this.uri) {
                    this.$store.commit('userNavTo', this.uri);
                }
            }
        }
    }
</script>
